<template>
  <div>
    <h1>{{ msg }}</h1>
    <p>{{ age > 17 ? "成年" : "小屁孩" }}</p>
    <a v-bind:href="link" v-bind:title="title">点击去百度</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello vue",
      age: 16,
      link: "http://www.baidu.com/",
      title: "我是百度",
    };
  },
};
</script>

<style scoped lang="less"></style>
